<!--  -->
<template>
   <div class="footer">
      <copyright :copyright="copyright"></copyright>
      <ul class="footercon clearfix">
          <button type="button" class="el-button el-button--primary"><router-link :to="{path:'/'}" tag="span">首页</router-link></button>
          <button type="button" class="el-button el-button--primary"><router-link to="/bag" tag="span">商城页面</router-link></button>
          <button type="button" class="el-button el-button--primary"><router-link to="/myRightMain" tag="span">文章推荐</router-link></button>
          <button type="button" class="el-button el-button--primary"><router-link to="/user/red" tag="span"  class="el-button el-button--primary">用户</router-link></button>
      </ul>
    </div>
</template>

<script>
import copyright from './copyright'
export default {

  data () {
    return {
      copyright:{
          textone:"Copyright 20017-2018 厦门xx科技有限公司版权所有",
          texttwo:"增值电信业务经营许可证 厦门B2-20100136"
      },
    };
  },
  components: {
    copyright
  }
}

</script>
<style scoped>
.footer{
  margin-top:20px;
  background: #fff;
}
.footercon{
  width:100%;
  height:60px;
  padding:10px 0px;
  margin: 0 auto;
  text-align: center;
}
.footercon button{
  width:20%;
  height:50px;
}

</style>